<template>
    <div class="safework electorwork">
        <div class="content">
            <div class="c-top">
                <div class="c-list">
                    <div class="c-left">
                        项目名称
                    </div>
                    <div class="c-right">
                        <!-- {{dataList.projectName}} -->
                        {{userInfo.departsir == 2?userInfo.pdeptname:dataList.projectName}}
                    </div>
                </div>
                <div class="c-list"
                     @click="showArea">
                    <div class="c-left">
                        高风险作业区域
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.areaName">
                        <div class="c-select"
                             v-else>{{dataList.areaName}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="workclassnewlist">
                    <div class="c-left">
                        作业班组
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.FireSquad">
                        <div class="c-select"
                             v-else>{{dataList.FireSquad}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="showqflist">
                    <div class="c-left">
                        签发人
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.PersonLiable">
                        <div class="c-select"
                             v-else>{{dataList.PersonLiable}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="showzrlist">
                    <div class="c-left">
                        工作负责人
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.GroupPerson">
                        <div class="c-select"
                             v-else>{{dataList.GroupPerson}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="showjhlist">
                    <div class="c-left">
                        作业监护人
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.JobPerson">
                        <div class="c-select"
                             v-else>{{dataList.JobPerson}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="showdglist">
                    <div class="c-left">
                        电工
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.DeviceOperator">
                        <div class="c-select"
                             v-else>{{dataList.DeviceOperator}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     @click="showfzlist">
                    <div class="c-left">
                        辅助工
                        <!--<i class="iconfont icon-required"></i>-->
                    </div>
                    <div class="c-right">
                        <input type="text"
                               placeholder="请选择"
                               disabled
                               v-if="!dataList.SignalSiSuogong">
                        <div class="c-select"
                             v-else>{{dataList.SignalSiSuogong}}</div>
                        <i class="iconfont icon-jinru rightmsg"></i>
                    </div>
                </div>
                <div class="c-list"
                     style="padding:0 20px 0 0">
                    <div class="c-left">
                        作业开始日期
                        <i class="iconfont icon-required"></i>
                    </div>
                    <!-- <div class="c-right">
                        <datetime v-model="dataList.startDate"
                                  @on-change="changestart"
                                  format="YYYY-MM-DD"
                                  title='开始时间'>
                            <div class="showlisttime">
                                {{dataList.startDate}}
                            </div>
                        </datetime>
                    </div> -->
                    <div class="c-right">
                        <group>
                            <datetime v-model="dataList.startDate"
                                      @on-change="changestart"></datetime>
                        </group>
                    </div>
                </div>
                <div class="c-list"
                     style="padding:0 20px 0 0">
                    <div class="c-left">
                        作业结束日期
                        <i class="iconfont icon-required"></i>
                    </div>
                    <div class="c-right">
                        <!--<div class="c-select">请选择</div>
                     <img src="../../../../static/images/5.png"  @click="showmsg" >-->
                        <!-- <datetime :start-date="startDateOn"
                                  @on-change="changeend"
                                  v-model="dataList.endDate"
                                  format="YYYY-MM-DD"
                                  title='结束时间'>
                            <div class="showlisttime">
                                {{dataList.endDate}}
                            </div>
                        </datetime> -->
                        <div class="c-right">
                            <group>
                                <datetime v-model="dataList.endDate"
                                          @on-change="changeend"></datetime>
                            </group>
                        </div>
                    </div>
                </div>

            </div>

            <div class="btnlist">
                <div class="listtop">
                    <div class="list-t0">
                        受限空间作业前保证做到
                    </div>
                    <div class="list-t1"
                         v-if="!detailflag"
                         @click="showdetail">
                        展开
                    </div>
                    <div class="list-t1"
                         v-if="detailflag"
                         @click="showdetail">
                        收缩
                    </div>
                </div>
                <div class="firstlist">
                    1、严禁无票工作；
                </div>
                <div class="firstlist">
                    2、在安全围栏上悬挂标识牌和装设遮拦等安全技术措施由变电所值班员执行。施工人 员应检查完成后方可开始工作，严禁未经许可任意扩大工作范围
                </div>
                <div class="firstlist">
                    3、工作负责人 必须始终在施工现场，因故离开须指定人员临时代替，离开和返回须办理交接手续。 工作人员应做好相互的监护工作，不许单独留在高压设备区内；
                </div>
                <div v-if="detailflag">
                    <div class="firstlist">
                        4、坚持文明施工， 每日收工应清理现场并汇报值班员，次日复工应得到许可，工作负责人在工作前须 重新检查安全措施；
                    </div>
                    <div class="firstlist">
                        5、人员与机械活动范围应满足规定的安全距离；
                    </div>
                    <div class="firstlist">
                        6、施工 时要注意限高要求，搬运梯子，钢管两人平抬，手持钢管，铁楸等常务阳起石不要 超过本人高度，工作负责人要加强现场监护，确保与带电设备的安全距离；
                    </div>
                    <div class="firstlist">
                        7、电 焊工作中必须将接地线接在焊接点附近，防止损伤运行中的二次电缆，影响保护运 行、甚至误跳运行中设备。焊接（包括气焊）工作必须使用动火工作票，并提供资 质复印件，在焊接地点设置流动干粉灭火器；
                    </div>
                    <div class="firstlist">
                        8、车辆行驶和作业听从工作负责人 指挥，车辆在变电所内行驶注意控制车速不得超过5km/h；
                    </div>
                    <div class="firstlist">
                        9、在带电设备周围严 禁使用钢卷尺、皮卷尺和夹有金属丝的测量工具进行测量工作，应用木尺或其他绝 缘量具；
                    </div>
                    <div class="firstlist">
                        10、使用的机械和电气设备外壳应可靠接地；
                    </div>
                    <div class="firstlist">
                        11、施工时如需要拆除 现场围栏，必须得到许可补充临时围栏。待工作结束后及时恢复围栏；
                    </div>
                    <div class="firstlist">
                        12、挖掘 机械工作必须安全可靠，工作室应设安全监护人。挖掘机操作员和工作负责人工作 前统一安排，统一指挥信号，禁止盲目蛮干‘冒险作业；根据现场情况在确定采用 挖掘机进行工作前，必须认真核实挖掘机械与带点设备的距离，经现场施工负责人 确认满足安全距离要求的后方可进行施工；挖掘机工作区域内无关人员不得停留或 通过。在挖掘机斗臂的下方，严禁任何人员通过或逗留；挖掘机工作前对现场地下 管线敷设情况进行核实，防止误碰运行电缆；
                    </div>
                    <div class="firstlist">
                        13、现场做好安全文明施工，每天 下班前清理现场，对易漂浮物体及时采取处理措施，防止漂浮至运行设备上引发设 备事故
                    </div>
                </div>
            </div>
            <div class="btnlist">
                <div class="listtop">
                    <div class="list-t0">
                        防范事故类别
                    </div>
                </div>
                <div class="firstlist">
                    1、触电；
                </div>
                <div class="firstlist">
                    2、物体打击；
                </div>
                <div class="firstlist">
                    3、其他伤害；
                </div>
            </div>
            <div class="c-top">

                <div class="c-l-l">
                    <div class="c-left"
                         style="display:inline-block">
                        危险点控制补充措施
                        <!--<i class="iconfont icon-required"></i>-->
                    </div>
                    <textarea v-model="dataList.remark"
                              placeholder="请输入意见（自行换行）"
                              class="textarea"></textarea>
                </div>
            </div>

            <div class="line"
                 v-if="ApproveInfo.length>0"></div>
            <div class="form-section"
                 v-if="ApproveInfo.length>0">
                <h3>审批信息</h3>
                <div v-for="(item,index) in ApproveInfo"
                     :key="index"
                     class="list-item">
                    <div class="form-item form-item-style2">
                        <div class="label-title">
                            <label>审批意见</label>
                        </div>
                        <div>
                            <p class="textarea">{{item.Remark}}</p>
                        </div>
                    </div>
                    <div class="form-item form-item-style1">
                        <div class="label-title">
                            <label>审批结论</label>
                        </div>
                        <div>
                            <p>{{item.ApproveResult}}</p>
                        </div>
                    </div>
                    <div class="form-item form-item-style1">
                        <div class="label-title">
                            <label>审批人</label>
                        </div>
                        <div>
                            <p>{{item.ApprovePersonName}}</p>
                        </div>
                    </div>
                </div>
            </div>
            <div class="c-btn">
                <div class="c-submit"
                     @click="submitbtn">提交</div>

            </div>
        </div>

        <!--获取区域-->
        <div v-transfer-dom>
            <popup v-model="areaValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in areaList"
                     :key="index"
                     @click="selectArea(item)">
                    <span class="vux-close">
                        {{item.name}}
                    </span>
                </div>
            </popup>
        </div>

        <div v-transfer-dom>
            <popup v-model="workclassValue"
                   width="100%">

                <div class="newlist">
                    <lookcompany></lookcompany>
                </div>
            </popup>
        </div>

        <!--获取签发人-->
        <div v-transfer-dom>
            <popup v-model="qfpersonValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in workList"
                     :key="index"
                     @click="selectqfPerson(item)">
                    <span class="vux-close">
                        {{item.name}}
                    </span>
                </div>
            </popup>
        </div>

        <!--工作负责人人-->
        <div v-transfer-dom>
            <popup v-model="zrpersonValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in workList"
                     :key="index"
                     @click="selectzrPerson(item)">
                    <span class="vux-close">
                        {{item.name}}
                    </span>
                </div>
            </popup>
        </div>

        <!--工作监护人-->
        <div v-transfer-dom>
            <popup v-model="jhpersonValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in personList"
                     :key="index"
                     @click="selectjhPerson(item)">
                    <span class="vux-close">
                        {{item.realName}}
                    </span>
                </div>
            </popup>
        </div>

        <!--工作监护人-->
        <div v-transfer-dom>
            <popup v-model="dgpersonValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in electricianPersonList"
                     :key="index"
                     @click="selectdgPerson(item)">
                    <span class="vux-close">
                        {{item.name}}
                    </span>
                </div>
            </popup>
        </div>

        <!--工作监护人-->
        <div v-transfer-dom>
            <popup v-model="fzpersonValue"
                   width="100%">
                <div class="position-horizontal-demo"
                     v-for="(item,index) in personList"
                     :key="index"
                     @click="selectfzPerson(item)">
                    <span class="vux-close">
                        {{item.realName}}
                    </span>
                </div>
            </popup>
        </div>
        <myMenu></myMenu>
    </div>
</template>

<script>
import { TransferDom, Popup } from 'vux'
import myMenu from '@/commonComponents/menu'
import mixin from '../commonmixin.js'
import lookcompany from '../boundedwork/lookcompany'
const getDate = () => {
    var date = new Date()
    var seperator1 = '-'
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var strDate = date.getDate()
    if (month >= 1 && month <= 9) {
        month = '0' + month
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = '0' + strDate
    }
    var currentdate = year + seperator1 + month + seperator1 + strDate
    return currentdate
}

const endDate = () => {
    var date = new Date()
    var seperator1 = '-'
    var year = date.getFullYear()
    var month = date.getMonth() + 1
    var strDate = date.getDate()
    if (month >= 1 && month <= 9) {
        month = '0' + month
    }
    if (strDate >= 0 && strDate <= 9) {
        strDate = '0' + strDate
    }
    var currentdate = year + seperator1 + month + seperator1 + strDate
    return currentdate
}
export default {
    name: 'App',
    directives: {
        TransferDom
    },
    mixins: [mixin],
    data () {
        return {
            userInfo: '',
            userId: '',
            tokenId: '',
            projectId: '',
            options1: ['A单位'],
            options2: ['安全类'],
            active: 1,
            showflag: false,
            dataList: {
                id: '', //	String	否	临近带电体安全施工在，新增时为空）
                deptName: '', //	String	否	申请单位名称
                deptId: '', //	String	否	申请单位ID
                AreaId: '', //	String	否	高风险作业区域id
                AreaName: '', //	String	否	高风险作业区域
                startDate: getDate(), //	String	否	申请拆除日期
                endDate: endDate(), //	String	否	计划完工时间
                FireSquadid: '', //	String	否	作业班组id
                FireSquad: '', //	String	否	作业班组
                PersonLiableid: '', //	String	否	签发人id
                PersonLiable: '', //	String	否	签发人
                GroupPersonid: '', //	String	否	工作负责人id
                GroupPerson: '', // String	否	工作负责人
                JobPersonid: '', //	String	否	作业监护人id
                JobPerson: '', //	String	否	作业监护人
                DeviceOperatorid: '', //	String	否	电工id
                DeviceOperator: '', //	String	否	电工
                SignalSiSuogongid: '', //	String	否	辅助工id
                SignalSiSuogong: '', //	String	否	辅助工
                remark: '' //	String		危险点控制补充措施
            },
            personList: [],
            electricianPersonList: [],
            startDateOn: '',
            workclassValue: false,

            qfpersonValue: false, // 签发人
            pfpersonList: [],
            pfcheckList: [],

            zrpersonValue: false, // 责任人
            jhpersonValue: false, // 监护人
            dgpersonValue: false, // 电工
            fzpersonValue: false, // 电工

            detailflag: false,
            addflag: true,
            ApproveInfo: [],
            workList: []
        }
    },
    components: {
        Popup, lookcompany, myMenu
    },
    computed: {
        changedatas () {
            return this.$store.state.workrists
        }
    },
    watch: {
        changedatas () {
            this.workclassValue = false
            // this
            this.dataList.FireSquadid = this.$store.state.companyworklist.FireSquadid
            this.dataList.FireSquad = this.$store.state.companyworklist.FireSquad
            // this.dataList.GroupPerson = this.$store.state.companyworklist.GroupPerson;
            // this.getnewclassleader(this.dataList.FireSquadid);
        }
    },
    created () {
        this.userInfo = JSON.parse(localStorage.userInfo)
        this.userId = this.userInfo.userid
        this.tokenId = this.userInfo.tokenId
        this.projectId = this.userInfo.deptid
        this.dataList = Object.assign({}, this.dataList, {
            projectName: this.userInfo.deptname,
            projectId: this.userInfo.deptid,
            personName: this.userInfo.username,
            personId: this.userInfo.userid,
            deptName: this.userInfo.deptname,
            deptId: this.userInfo.deptid
        })

        this.getArea()
        this.getPerson()
        this.getUserInfoByWork()
        if (this.$route.query.id) {
            this.getdetail()
        }
        this.getPersonPage()
    },
    methods: {
        showdetail () {
            this.detailflag = !this.detailflag
        },
        changestart (val) {
            this.dataList.startDate = val
            let x = new Date(val).getTime() - new Date(this.showsearch.endDate).getTime()
            if (x > 0) {
                this.showsearch.endDate = val
            }
            this.startDateOn = val

            this.$forceUpdate()
        },
        changeend (val) {
            this.dataList.endDate = val
            this.$forceUpdate()
        },
        selectArea (item) {
            //  this.areaname = item.name;
            this.dataList.areaName = item.name
            this.dataList.areaId = item.id
            this.areaValue = false
        },
        getPerson () {
            let param = {
                'allowPaging': true,
                'business': 'GetDivderPeopleList',
                'data': {
                    'departId': this.userInfo.deptid
                },
                'pageIndex': 0,
                'pageSize': 20,
                'tokenId': this.tokenId,
                'userId': this.userId
            }
            this.$axiosAjax.getConfigJson(
                param
            ).then(
                (res) => {
                    this.personList = res.data.data
                }
            )
        },
        getUserInfoByWork () {
            let params = {
                'allowPaging': false,
                'business': 'GetUserInfoByWork',
                'data': {
                    'deptid': this.userInfo.deptid,
                    'type': 1
                },
                'pageIndex': 0,
                'pageSize': 10000,
                'tokenId': 'D88D91080532D871B4CB391F97B5C242',
                'userId': this.userId
            }
            this.$axiosAjax.getConfigJson(params).then((res) => {
                if (res.data.code === 0) {
                    this.electricianPersonList = res.data.data
                }
            }).catch(() => {

            })
        },
        workclassnewlist () {
            this.workclassValue = true
        },
        showqflist () {
            this.qfpersonValue = true
        },
        showzrlist () {
            this.zrpersonValue = true
        },
        showjhlist () {
            this.jhpersonValue = true
        },
        showdglist () {
            this.dgpersonValue = true
        },
        showfzlist () {
            this.fzpersonValue = true
        },
        selectqfPerson (item) {
            this.dataList.PersonLiable = item.name
            this.dataList.PersonLiableid = item.id
            this.qfpersonValue = false
        },
        selectzrPerson (item) {
            this.dataList.GroupPerson = item.name
            this.dataList.GroupPersonid = item.id
            this.zrpersonValue = false
        },
        selectjhPerson (item) {
            this.dataList.JobPerson = item.realName
            this.dataList.JobPersonid = item.memberId
            this.jhpersonValue = false
        },
        selectdgPerson (item) {
            this.dataList.DeviceOperator = item.name
            this.dataList.DeviceOperatorid = item.id
            this.dgpersonValue = false
        },
        selectfzPerson (item) {
            this.dataList.SignalSiSuogong = item.realName
            this.dataList.SignalSiSuogongid = item.memberId
            this.fzpersonValue = false
        },
        submitbtn () {
            if (!this.dataList.areaName) {
                this.$vux.toast.text('请选择高风险作业区域')
                return false
            }
            if (!this.dataList.FireSquad) {
                this.$vux.toast.text('请输入班组')
                return false
            }
            if (!this.dataList.PersonLiable) {
                this.$vux.toast.text('请选择签发人')
                return false
            }
            if (!this.dataList.GroupPerson) {
                this.$vux.toast.text('请选择工作负责人')
                return false
            }
            if (!this.dataList.JobPerson) {
                this.$vux.toast.text('请选择作业监护人')
                return false
            }
            if (!this.dataList.DeviceOperator) {
                this.$vux.toast.text('请选择电工')
                return false
            }
            //   if(!this.dataList.DeviceOperator){
            //      this.$vux.toast.text('请选择辅助工');
            //      return false;
            //   }-->
            let sendmethod = 'send'
            //   if(this.$route.query.id){
            //       sendmethod = "modify";
            //   }
            if (!this.addflag) {
                return false
            }
            this.addflag = false
            this.$vux.loading.show({
                text: '正在提交中...'
            })
            let param = {
                'allowPaging': true,
                'business': 'SetChargedJob',
                'method': sendmethod,
                'data': this.dataList,

                'pageIndex': 0,
                'pageSize': 20,
                'tokenId': this.tokenId,
                'userId': this.userId
            }
            this.$axiosAjax.getConfigJson(
                param
            ).then(
                (res) => {
                    if (res.data.code == 0) {
                        // this.$router.push('/workrisk')
                        this.$router.go(-1)
                    } else {
                        this.addflag = true
                    }
                }
            ).catch(
                () => {
                    this.addflag = true
                }
            )
        },
        getdetail () {
            let param = {
                'allowPaging': true,
                'business': 'GetChargedJob',
                'data': {
                    'id': this.$route.query.id
                },
                'pageIndex': 0,
                'pageSize': 20,
                'tokenId': this.tokenId,
                'userId': this.userId
            }
            this.$axiosAjax.getConfigJson(
                param
            ).then(
                (res) => {
                    let newarr = res.data.data
                    this.dataList = {
                        id: newarr.Id, //	String		受限空间作业申请ID（修改时存在，新增时为空）
                        projectName: newarr.ProjectName, //	String		项目名称
                        projectId: newarr.projectId, //	String		项目ID
                        deptName: newarr.DeptName, //	String		申请单位名称
                        deptId: newarr.DeptId, //	String		申请单位ID
                        AreaId: newarr.AreaId, //	String		高风险作业区域id
                        areaName: newarr.AreaName, //
                        startDate: newarr.StartDate.substring(0, 10), //	String	否	申请拆除日期
                        endDate: newarr.EndDate.substring(0, 10), //	String	否	计划完工时间
                        FireSquadid: newarr.FireSquadid, //	String		作业班组id
                        FireSquad: newarr.FireSquad, //	String		作业班组
                        GroupPersonid: newarr.GroupPersonid, //	String		作业班长id
                        GroupPerson: newarr.GroupPerson, //	String		作业班长
                        PersonLiableid: newarr.PersonLiableid, //	String		作业监护人id
                        PersonLiable: newarr.PersonLiable, //	String		作业监护人
                        JobPersonid: newarr.JobPersonid, //	String	否	作业监护人id
                        JobPerson: newarr.JobPerson, //	String	否	作业监护人
                        DeviceOperatorid: newarr.DeviceOperatorid, //	String	否	电工id
                        DeviceOperator: newarr.DeviceOperator, //	String	否	电工
                        SignalSiSuogongid: newarr.SignalSiSuogongid, //	String	否	辅助工id
                        SignalSiSuogong: newarr.SignalSiSuogong, //	String	否	辅助工
                        remark: newarr.remark //	String		危险点控制补充措施
                    }

                    //    if(this.dataList.PersonId==this.userInfo.userid){
                    //     this.yself = false;
                    //   }
                    this.ApproveInfo = res.data.data.ApproveInfo
                    this.$vux.loading.hide()
                    this.$forceUpdate()
                }
            )
        },
        getPersonPage () {
            let param = {
                allowPaging: true,
                business: 'getPersonPage',
                data: {
                    departId: this.userInfo.deptid
                },
                pageIndex: 0,
                pageSize: 10000,
                tokenId: this.tokenId,
                userId: this.userId
            }
            this.$axiosAjax
                .getConfigJson(param)
                .then(res => {
                    if (res.data.info == '成功') {
                        this.workList = res.data.data
                    }
                })
                .catch(() => { })
        }
    }
}
</script>

<style scoped lang="less">
.safework {
    background-color: #ebeef3;
    height: 100%;
}
.content {
    background-color: #fff;
}
.c-top {
    background-color: #fff;
    padding-left: 20px;
}
.c-list {
    padding: 0 20px 0 0;
    height: 50px;
    line-height: 50px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #efeff4;
    align-items: center;
}
.c-left {
    color: #333;
    font-size: 14px;
    position: relative;
}
.c-left > i {
    position: absolute;
    top: -5px;
    right: -18px;
}
.c-right {
    color: #999;
    font-size: 14px;
    display: flex;
    align-items: center;
}
.c-right input {
    background: #fff;
    text-align: right;
}
.c-select {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 200px;
    margin-right: 6px;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.c-btn {
    height: 113px;
    padding-top: 32px;
}
.c-submit {
    width: 200px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 20px;
    background-color: #2269ff;
    margin: 0 auto;
}
.btnlist {
    background-color: #fff;
    padding-top: 6px;
    padding-left: 25px;
    border-top: 1px solid #ebeef3;
    border-bottom: 1px solid #ebeef3;
    padding-bottom: 26px;
    font-size: 13px;
}
.listtop {
    height: 56px;
    line-height: 56px;
    display: flex;
    justify-content: space-between;
    padding-right: 20px;
}
.list-t0 {
    color: #333;
    font-size: 14px;
}
.list-t1 {
    color: #999;
    font-size: 14px;
}
.firstlist {
    line-height: 23px;
    color: #999;
    font-size: 14px;
    padding-right: 20px;
}
.c-l-l {
    height: 95px;
    padding-top: 28px;
    padding-right: 20px;
    border-bottom: 1px solid #ebeef3;
}
.textarea {
    width: 100%;
    border: 0;
    outline: none;
    margin-top: 10px;
    font-size: 14px;
    color: #999;
}
.showlisttime {
    height: 40px;
    line-height: 40px;
    width: 200px;
    text-align: right;
    font-size: 14px;
    color: #999;
}
.position-horizontal-demo {
    height: 55px;
    line-height: 55px;
    padding-left: 20px;
    font-size: 16px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 20px;
    background-color: #fff;
    border-bottom: 1px solid #ebeef3;
}
.line {
    border-bottom: 10px solid #ebeef2;
}
.electorwork .rightmsg {
    color: #c8c8cd;
    margin-right: -5px;
}
</style>
<style>
.electorwork .weui-cells,
.electorwork .vux-no-group-title {
    margin-top: 0;
}
.electorwork .weui-cell {
    padding-right: 0;
}
.electorwork .weui-cell_access .weui-cell__ft::after {
    height: 10px;
    width: 10px;
    margin-top: -6px;
    border-radius: 2px;
    border-width: 2px 2px 0 0;
    border-color: #a2a2a2;
}
.electorwork .vux-cell-value {
    font-size: 14px;
    color: #999;
}
.electorwork .weui-cells:after,
.electorwork .weui-cells:before {
    display: none;
}
</style>
